<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/main.css" />
<script data-main="scripts/adminconsole" src="scripts/require.js"></script>

</head>
<body>
	<script type="text/template" id="tpl-userList">
	  <td><%=id%></td>
      <td><%=name%></td>
      <td><%=isAdmin%></td>
      <td><%=fullName%></td>
      <td><%=email%></td>
      <td><%=notes%></td>
      <td><a id=<%=id%> class="delete">delete</a></td>
    </script>

	<section id="adminconsole" class="centerPanel">
		<h2>Create new user</h2>
		<table class="table">
			<tr>
				<td><input id="username" placeholder="User name"
					autofocus="autofocus" /></td>
				<td><input id="fullusername" placeholder="Full user name" /></td>
				<td><input id="isAdmin" type="checkbox" /> <label
					for="isAdmin">Administrator</label></td>
			</tr>
			<tr>
				<td><input id="email" placeholder="email@gmail.com" /></td>
				<td><input id="notes" placeholder="notes" /></td>
			</tr>
			<tr>
			</tr>
			<tr>
				<td><input id="addButton" type="button" value="create user"></td>
			</tr>
		</table>

		<h2>List of registered users</h2>
		<table id="userList" class="table table-striped">
		</table>

	</section>

	<div id="user-properties-form" title="Create new user">
		<p class="validateTips">All form fields are required.</p>

		<form>
			<fieldset>
				<label for="username">User name</label>
				  <input id="username" placeholder="User name" autofocus="autofocus" />
				<label for="fullusername">Full user name</label>
				  <input id="fullusername" placeholder="Full user name" />
				<label for="isAdmin">Administrator</label>
				<input id="isAdmin" type="checkbox" /> <label for="email">Email</label>
				<input id="email" placeholder="email@gmail.com" />
				<label for="notes">Notes</label>
				  <input id="notes" placeholder="notes" />

				<!-- 
				<label for="name">Name</label>
				<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
				<label for="email">Email</label>
				<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
				<label for="password">Password</label>
				<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
			 -->
			</fieldset>
		</form>
	</div>
</body>
</html>
